// 主题颜色
$u-main-color: #222222;
$u-content-color: #222222;
$u-tips-color: #86909c;
$u-light-color: rgba(78, 110, 237, 0.1);
$u-border-color: #eeeeee;
$u-bg-color: #edeff4;
$u-disabled-color: #f2f3f5;
$u-color-gray: #edeff4;

$u-primary: #4e6eed;
$u-primary-dark: #4e6eed;
$u-primary-disabled: #5cceff;
$u-primary-light: #f4f7ff;

$u-warning: #fd5027;
$u-warning-dark: #fd5027;
$u-warning-disabled: #fdddc3;
$u-warning-light: rgba(253, 80, 39, 0.1);

$u-success: #00b42a;
$u-success-dark: #008026;
$u-success-disabled: #cbfcc6;
$u-success-light: #e8ffea;

$u-error: #f53f3f;
$u-error-dark: #a1151e;
$u-error-disabled: #fdcdc5;
$u-error-light: #ffece8;

$u-info: #86909c;
$u-info-dark: #4e5969;
$u-info-disabled: #f2f3f5;
$u-info-light: #f7f8fa;

// 其它
$cc-shadow: 0rpx 16rpx 24rpx 0 rgba(184, 184, 210, 0.2);

@mixin flex($direction: row) {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: $direction;
}

@mixin grid($width) {
	display: grid;
	flex-wrap: wrap;
	justify-content: space-between;
	grid-template-columns: repeat(auto-fill, $width);
}
@mixin center {
	display: flex;
	align-items: center;
	justify-content: center;
}
@mixin between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.u-button:before {
	border: 0 !important;
}
.u-button {
	border-radius: 8rpx;
	border: 0 !important;
}
.u-button--small {
	font-size: 28rpx;
	height: 64rpx;
}
// 主题色按钮
.u-button--primary {
	background: linear-gradient(264deg, #5cceff 0%, #4e6eed 100%);
}
.u-button__text {
	font-size: inherit !important;
}
.u-button--primary.u-button--plain {
	background: rgba(78, 110, 237, 0.2);
	color: $u-primary;
}
.u-button--error.u-button--plain {
	background: $u-error-light;
	color: $u-error;
}
.u-button--plain.u-button--info {
	background: $u-bg-color;
}
.u-reset-button {
	margin: 0;
}
.u-button + .u-button {
	margin-left: 30rpx;
}
//
.u-tag--small {
	padding: 0 14rpx;
}
.u-tag {
	border: 0 !important;
}

.u-textarea {
	background-color: #fbfdff !important;
	border-color: #e3ecff;
}
.u-textarea__count {
	background-color: transparent !important;
}
.u-checkbox-group--row {
	flex-wrap: wrap;
}
.u-steps-item__line {
	height: 100% !important;
}
/**
 * modal css
*/
.u-modal {
	border: 2rpx solid $u-border-color;
}
